<ion-navbar *navbar hideBackButton>
  <ion-title>Outline Buttons</ion-title>
</ion-navbar>

<ion-content padding class="has-header components-demo">
  
  <p>
    <button light outline>Light</button>
  </p>

  <p>
    <button outline>Default</button>
  </p>

  <p>
    <button secondary outline>Secondary</button>
  </p>

  <p>
    <button danger outline>Danger</button>
  </p>

  <p>
    <button dark outline>Dark</button>
  </p>
</ion-content>
